.modal{
  @include border-radius(0);
}
.modal-medium{
  width: 700px;
  margin: 0 0 0 -350px;
}
.modal-large{
  width: 960px;
  margin: 0 0 0 -480px;
}

// Background
.modal-backdrop {
  background-color: $white;
  // Fade for backdrop
  &.fade { opacity: 0; }
}

.modal-backdrop,
.modal-backdrop.fade.in {
  @include opacity(80);
}

// Base modal
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: $zindexModal;
  width: 560px;
  margin-left: -280px;
  background-color: $white;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,.3);
  *border: 1px solid #999; /* IE6-7 */
  @include border-radius(0);
  @include box-shadow(0 0 0 rgba(0,0,0,0.2));
  @include background-clip(padding-box);
  // Remove focus outline from opened modal
  outline: none;

  &.fade {
    @include transition(opacity .3s linear, top .3s ease-out);
    top: -25%;
  }
  &.fade.in { top: 10%; }
}

.modal-header {
  background-color: $linkColor;
  color: $white;
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  // Close icon
  .close { margin-top: 2px; }
  // Heading
  h3 {
    margin: 0;
    line-height: 30px;
  }
}